// pages/lrq_rotate_lottery_draw/lrq_rotate_lottery_draw.js
Component({
  properties:{
    awardsList:{
      type:Array,
      value: []
    }
  },
  data:{},
  methods:{},
  ready:function(){
    
    var that = this;

    // 绘制转盘
    var awardsConfig = this.data.awardsList,
      len = awardsConfig.length,
      rotateDeg = 360 / len / 2 + 90,
      html = [],
      turnNum = 1 / len;  // 文字旋转 turn 值
    
    
    const ctx = wx.createCanvasContext('mycanvas');
    ctx.rect(10, 10, 150, 75);
    ctx.setFillStyle('red');
    ctx.fill();
    ctx.draw();
    
    for (var i = 0; i < len; i++) {
      // 保存当前状态
      // ctx.save();
      // 开始一条新路径
      // ctx.beginPath();
      // 位移到圆心，下面需要围绕圆心旋转
      // ctx.translate(150, 150);
      // 从(0, 0)坐标开始定义一条新的子路径
      // ctx.moveTo(0, 0);
      // 旋转弧度,需将角度转换为弧度,使用 degrees * Math.PI/180 公式进行计算。
      // ctx.rotate((360 / len * i - rotateDeg) * Math.PI / 180);
      // 绘制圆弧
      // ctx.arc(0, 0, 150, 0, 2 * Math.PI / len, false);

      // 颜色间隔
      // if (i % 2 == 0) {
        
      //   ctx.setFillStyle('#ffb820');
      // } else {
       
      //   ctx.setFillStyle('#ffcb3f');
      // }

      // 填充扇形
      // ctx.fill();
      // 绘制边框
      // ctx.setLineWidth(0.5);
      // ctx.setStrokeStyle('#e4370e');
      // ctx.stroke();

      // 恢复前一个状态
      // ctx.restore();

      // 奖项列表
      html.push({ turn: i * turnNum + 'turn', award: awardsConfig[i].name });
    }
    that.setData({
      awardsList: html
    });

    // wx.drawCanvas({
    //   canvasId: "mycanvas",
    //   actions: ctx.getActions()
    // });
  }
})